<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>Flyport online webserver</title>
<link href="./style.css" rel="stylesheet" type="text/css" />
<link rel="shortcut icon" href="./images/logo_icon.ico" />
<script src="./scripts/jquery-1.5.1.min.js" type="text/javascript"></script>
<script src="./scripts/mColorPicker.min.js" type="text/javascript"></script>
<script src="./scripts/jquery-tasks.js" type="text/javascript"></script>
</head>

<body>
<div id="content">
	<div id="logo">
		<img src="./images/Openpicus.jpg" alt="Picus" />
	</div>
	<div id="intro_right">
		<p class="white">FlyPort is online!</p>
		<h1>Wireless Webserver</h1>
		<p>Flyport Module is connected to your Wireless Lan. jQuery Color Picker above will help you to choose the 3 colors of your RGB lamp. </p>
		<p>You can customize and add graphic Plug-in to create your Automation or Sensor complete information web page </p>
	</div>
	<div id="status">
		<div id="loading" style="display:none">Error:<br />Connection to demo board was lost.</div>
		<div id="display" align="center">
			<!-- Table for 3 (or more) ColorPickers -->
			<table cellpadding="5">
				<tr style="margin:10px 10px 10px 10px;">
					<th></br></th>
					<th>			
						<p>
							<strong>Choose color1:</strong>
						</p>
					</th>
					<th></br></th>
					<th>			
						<p>
							<strong>Choose color2:</strong>
						</p>
					</th>
					<th></br></th>
					<th>			
						<p>
							<strong>Choose color3:</strong>
						</p>
					</th>
					<th></br></th>
				</tr>
				
				<tr>
					<th></br></th>	
					<td>
						<input id="color1" type="color" name="color1" value="#000000" data-text="hidden" style="height:100px;width:100px;" class="color">
					</td>
					<th></br></th>
					<td>
						<input id="color2" type="color" name="color2" value="#000000" data-text="hidden" style="height:100px;width:100px;" class="color">
					</td>
					<th></br></th>
					<td>
						<input id="color3" type="color" name="color3" value="#000000" data-text="hidden" style="height:100px;width:100px;" class="color">
					</td>
					<th></br></th>
				</tr>
				
				<tr>
					<th></br></th>
					<th></br></th>
					<th></br></th>
					<th></br></th>
					<th></br></th>
				</tr>
				
			</table>
			<!-- End of Table for 3 (or more) ColorPickers -->
		</div>
	</div>
	<div class="special">
		<a href="http://openpicus.blogspot.com" title="Validate">openPICUS - Official Blog</a>
	</div>
</div>


<div class="spacer">&nbsp;</div>
<div id="footer"></div>


<div id="dialog-message" title="Warning" style="display:none;">
	<p>
		<span class="ui-icon ui-icon-circle-check" style="float:left; margin:0 7px 50px 0;"></span>
		Button #1 was pressed!
	</p>
</div>

</body>
</html>